<template>
  <header class="" style="background-color: black">
    <nav>
      <a href="">
        <div class="logo">
          <img src="" alt="">
        </div>
        <div class="site-name">
          <h2 class="site-name-en">coding</h2>
          <h2 class="site-name-zh">Mysterious enthusiastic netizens</h2>
        </div>
      </a>
      <ul>
        <li class="nav-item">
          <a href="">导航</a>
        </li>
        <li class="nav-item">
          <a href="">我的blog</a>
        </li>
        <li class="nav-user nav-item">
          <a href="#" class="nav-login-btn">登录</a>
        </li>
      </ul>
      <i class="menu iconfont icon-menu"></i>
      <div class="phone-nav">
        <a href="https://imyshare.com/">
          <div class="logo"><img
              src="%E7%A5%9E%E7%A7%98%E7%9A%84%E7%83%AD%E5%BF%83%E7%BD%91%E5%8F%8B%20-%20%E6%94%B6%E9%9B%86%E5%85%8D%E8%B4%B9%E5%AE%9E%E7%94%A8%E6%9C%89%E8%B6%A3%E7%9A%84%E4%B8%9C%E8%A5%BF%EF%BC%8C%E5%81%9A%E6%9C%80%E5%A5%BD%E7%9A%84%E8%B5%84%E6%BA%90%E5%AF%BC%E8%88%AA_files/logo.png"
              alt="iMyShare logo"></div>
        </a>
        <i class="iconfont icon-close"></i>
      </div>
    </nav>
  </header>
</template>
<script>
export default {
  name: "headerNav"
}
</script>

<style scoped>

</style>